//中文
var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节','我爱你'];
//英语
var data_en = ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day','I love you'];

//左侧的文本
var text_if = document.querySelector("#text_if");
//右侧的文本
var text_that = document.querySelector("#text_that");
//左侧的两个按钮
var btn_if = document.querySelectorAll("#btn_if button");
//右侧的两个按钮
var btn_that = document.querySelectorAll("#btn_that button");


//默认是中文
var lang = "zh";

//点击切换语言的按钮
function  swap() {
    //切换语言
    if (lang === "zh"){
        lang = "en";
    }else {
        lang = "zh"
    }

    for (var i = 0;i<btn_if.length;i++){
        btn_if[i].classList.remove("btn-primary");
        btn_if[i].classList.remove("btn-light");
        btn_that[i].classList.remove("btn-primary");
        btn_that[i].classList.remove("btn-light");
    }

    switch (lang){
        case 'en':
            btn_if[0].classList.add("btn-light");
            btn_if[1].classList.add("btn-primary");
            btn_that[0].classList.add("btn-light");
            btn_that[1].classList.add("btn-primary");
            break;
        case 'zh':
            btn_if[0].classList.add("btn-primary");
            btn_if[1].classList.add("btn-light");
            btn_that[0].classList.add("btn-primary");
            btn_that[1].classList.add("btn-light");
            break
    }
}

//点击翻译按钮
function res() {
    //检测中文，如果中文数据库里有这条数据，把内容翻译
    for (var i in data_zh){
        if (text_if.value ===data_zh[i]){
            //对应的英文
            //把对应的英文赋给右侧
            text_that.value = data_en[i];

            //如果语言是 en 那么执行一次 swap（）函数
            if (lang === 'en'){
                swap();
            }
        }
    }

    //检测英文，如果英文数据库里有这条数据，把内容翻译
    for (var i in data_en){
        if (text_if.value === data_en[i]){
            //对应的中文
            //把对应的中文赋给右侧
            text_that.value = data_zh[i];
            //如果语言是 zh 那么执行一次 swap（）函数
            if (lang === 'zh'){
                swap()
            }
        }
    }
}
